複数のプロット領域

データは、グラフのプロットエリアにプロットされます。プロットエリアは、軸で囲まれたプロット部分で、すべてのプロット要素（横棒、縦棒、線など）が含まれます。従来は１つのプロットエリアしか持つことができませんでしたが、新しく１つのグラフに複数のプロットエリアを持つことができるようになりました。

通常、プロットエリアは、PlotAreaIndex プロパティに基づいて自動的に作成されます。このプロパティはデフォルトで０です。この場合は、軸を追加しても新しいプロットエリアは作成されません。たとえば、単に軸は主 Y 軸の左側または主 X 軸の下側に追加されます。ただし、PlotAreaIndex = 1 と設定すると、新しい軸が主軸の同一線上に追加されます。X 軸の場合は補助軸が右側に、Y 軸の場合は補助軸が上側に表示されます。

次の例は、主軸の同一線上に追加された新しい軸を示します。

XAML	コードのコピー
<c1:C1Chart x:Name="chart" > <c1:C1Chart.View> <c1:ChartView> <!-- 主軸 --> <c1:ChartView.AxisX> <c1:Axis Min="0" Max="100" Title="x1" /> </c1:ChartView.AxisX> <c1:ChartView.AxisY> <c1:Axis Min="0" Max="100" Title="y1" /> </c1:ChartView.AxisY> <!-- 主 X 軸の右側の補助軸 --> <c1:Axis x:Name="x2" Title="x2" PlotAreaIndex="1" AxisType="X" Min="0" Max="10" /> <!-- 主 Y 軸の上側の補助軸 --> <c1:Axis x:Name="y2" Title="y2" PlotAreaIndex="1" AxisType="Y" Min="0" Max="10" /> </c1:ChartView> </c1:C1Chart.View> </c1:C1Chart>

XAML

コードのコピー

<c1:C1Chart x:Name="chart" >
       <c1:C1Chart.View>
         <c1:ChartView>
           <!-- 主軸 -->
           <c1:ChartView.AxisX>
             <c1:Axis Min="0" Max="100" Title="x1" />
           </c1:ChartView.AxisX>
           <c1:ChartView.AxisY>
             <c1:Axis Min="0" Max="100" Title="y1" />
           </c1:ChartView.AxisY>
 
           <!-- 主 X 軸の右側の補助軸 -->
           <c1:Axis x:Name="x2" Title="x2" PlotAreaIndex="1"
              AxisType="X" Min="0" Max="10" />
 
           <!-- 主 Y 軸の上側の補助軸 -->
           <c1:Axis x:Name="y2" Title="y2" PlotAreaIndex="1"
              AxisType="Y" Min="0" Max="10" />
 
         </c1:ChartView>
       </c1:C1Chart.View>
     </c1:C1Chart>

データを追加するには、軸（DataSeries.AxisX/AxisY）の名前を指定する必要があります。このデータは補助軸に沿ってプロットされます。